@CHARSET "UTF-8";
/*
Author:WangTeng
Instruction:blockStyle common style
Date:2015-01-28
*/

.blockStyle .col-md-6{
	border: 1px solid #aaa;
	padding:0;
	/* height: 100%; */
	background: #4a3753;
}

.blockStyle .col-md-6 .content{
	position:relative;
	padding:15px;
	min-height: 200px;
	background: white;
	opacity:.4;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.blockStyle .col-md-6:hover .content{
	opacity:1;
}

.content h4{
	color:white;
	-webkit-transition: color 0.35s;
	transition: color 0.35s;
	
}
.content:hover h4{
	color:#4a8b1a;
	text-shadow:1px 1px 1px #aaa;
}
.blockStyle .col-md-6 h4.title{
	position:absolute;
	color:white;
	font-size: 40px;
	width:100%;
	margin-top:-32px;
	top: 50%;
	text-align: center;
	text-shadow:0 2px 1px #222;
	transition:all .2s;
}
/* .col-md-6:hover h4.title{
	top:-60px;
} */
.blockStyle .col-md-6 h4.title i{
	font-size: 60px;
}


.fa-laptop,.fa-phone{-webkit-animation:shake .6s infinite}
@-webkit-keyframes shake{
	0%  {transform:rotate(0deg)}
	25% {transform:rotate(5deg)}
	50%{transform:rotate(0deg)}
	75%{transform:rotate(-5deg)}
	100%{transform:rotate(0deg)}
}@keyframes shake{
	0%  {transform:rotate(0deg)}
	25% {transform:rotate(5deg)}
	50%{transform:rotate(0deg)}
	75%{transform:rotate(-5deg)}
	100%{transform:rotate(0deg)}
}
